@import "~styles/config.scss";


.rate {
    flex   : auto;
    display: flex;
    padding-top:10px;
    .li {
        margin-right: 10px;
    }
}



.content {
    font-size  : 14px;
    margin-top:-10px;
    .item {
        margin-top:10px;
        border:1px solid $--border-color-extra-light;
        
        background-color: #fff;
        border-radius: 6px;
        font-size: 12px;
        .hh {
            border-bottom:1px solid $--border-color-extra-light;
            display: flex;
            background-color: rgba(0,0,0,0.01);
            padding:10px;
            line-height : 20px;
            .user {
                flex   : auto;
                display: flex;

                .show {
                    display: flex;

                    .img {
                        width        : 20px;
                        height       : 20px;
                        border-radius: 100%;
                        overflow     : hidden;
                        margin-right: 10px;
                    }

                    .name {
                        
                        
                    }
                }
            }
            .time{

                color:$--color-text-secondary;
            }
        }

        .mm{
            border-radius: 6px;
            padding:10px;
            background-color: #fff;
        }

        .msg{

        }
        .imgList {
            display    : flex;
            flex-wrap  : wrap;
            margin-left: -10px;
            
            // object-fit: cover;
            .li {
                width        : 30px;
                height       : 30px;
                display      : block;
                overflow     : hidden;
                border-radius: 3px;
                position     : relative;
                margin-left  : 10px;
                margin-top   : 10px;

                .img1 {
                    width : 100%;
                    height: 100%;
                }
            }
        }
    }



}




.userBox {
    display: flex;

    .albumUrl {
        flex         : none;
        // object-fit: cover;
        width        : 40px;
        height       : 40px;
        display      : block;
        border-radius: 100%;
        overflow     : hidden;

        img {
            width : 100%;
            height: 100%;
        }
    }

    .text {
        padding        : 0px 10px;
        flex           : auto;
        display        : flex;
        flex-direction : column;
        justify-content: space-between;
        font-size      : 12px;

        .name {

            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow          : hidden;
            height            : 20px;
            line-height       : 20px;
            color             : $--color-text-primary;
            font-weight       : bold;
        }

        .des {
            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow          : hidden;
            line-height       : 20px;

            color: $--color-text-secondary;
        }
    }
}





.goods {
    display: flex;

    .albumUrl {
        flex         : none;
        // object-fit: cover;
        width        : 40px;
        height       : 40px;
        display      : block;
        border-radius: 100%;
        overflow     : hidden;

        img {
            width : 100%;
            height: 100%;
        }
    }

    .text {
        padding        : 0px 10px;
        flex           : auto;
        display        : flex;
        flex-direction : column;
        justify-content: space-between;

        .name {

            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow          : hidden;
            height            : 20px;
            line-height       : 20px;
            color             : $--color-text-primary;
            font-weight       : bold;
        }

        .des {
            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow          : hidden;
            line-height       : 20px;
            font-size         : 12px;
            color             : $--color-text-secondary;
        }
    }
}